import { Menu, Typography } from "antd";
import { Header } from "antd/lib/layout/layout";

export const HeaderScreen = () => {
  const arr = ["主页", "文章", "资源", "个人"];

  return (
    <Header className="headerBox" >
      <Typography.Title level={2} className="logoTxt">LOOKTHIS</Typography.Title>
      <Menu mode="horizontal">
        {arr.map((v, index) => {
          const key = index + 1;
          return <Menu.Item key={key}>{v}</Menu.Item>;
        })}
      </Menu>
    </Header>
  );
};
